<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Class: gui</title>
    
    <script src="http://shjs.sourceforge.net/sh_main.min.js"> </script>
    <script src="http://shjs.sourceforge.net/lang/sh_javascript.min.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/node-dark.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">
    
    <h1 class="page-title">Class: gui</h1>
    
    



<section>
    
<header>
    <h2>
    gui
    </h2>
    
</header>  

<article>
    <div class="container-overview">
    
    
    
        
<dt>
    <h4 class="name" id="gui"><span class="type-signature"></span>new gui</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        This constructor is used to create a gui object.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 7</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
        <h3 class="subsection-title">Members</h3>
        
        <dl>
            
<dt>
    <h4 class="name" id="alignmentTimer"><span class="type-signature">&lt;static> </span>alignmentTimer<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        timeout before the alignment output starts.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 32</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="bubbleInfo"><span class="type-signature">&lt;static> </span>bubbleInfo<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the information abour curretn visible bubbles (type 1 or type 2 or no bubble).
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 17</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="compareAgain"><span class="type-signature">&lt;static> </span>compareAgain<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        timeout to restart the sequence comparing.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 37</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="compareTimer"><span class="type-signature">&lt;static> </span>compareTimer<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        timeout before the compare algoritm starts.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 27</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="exampleData"><span class="type-signature">&lt;static> </span>exampleData<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the matrix data of example output.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 77</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="exampleSeqA"><span class="type-signature">&lt;static> </span>exampleSeqA<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the sequence A of example output.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 67</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="exampleSeqB"><span class="type-signature">&lt;static> </span>exampleSeqB<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the sequence B of example output.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 72</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="inProgress"><span class="type-signature">&lt;static> </span>inProgress<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the state, of algorithm processing.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 42</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="lastSeqA"><span class="type-signature">&lt;static> </span>lastSeqA<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the last used sequence A.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 47</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="lastSeqB"><span class="type-signature">&lt;static> </span>lastSeqB<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the last used sequence B.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 52</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="path"><span class="type-signature">&lt;static> </span>path<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the index of the current selected and shwon alignment path.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 22</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="seqA"><span class="type-signature">&lt;static> </span>seqA<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the curretn used sequence A.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 57</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="seqB"><span class="type-signature">&lt;static> </span>seqB<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        stores the curretn used sequence B.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 62</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        
            
<dt>
    <h4 class="name" id="tabs"><span class="type-signature">&lt;static> </span>tabs<span class="type-signature"></span></h4>
    
    
</dt>
<dd>
    
    <div class="description">
        list of section elements that represent tabs.
    </div>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 12</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
</dd>

        </dl>
    
    
    
        <h3 class="subsection-title">Methods</h3>
        
        <dl>
            
<dt>
    <h4 class="name" id="cellIsPartOfPath"><span class="type-signature">&lt;static> </span>cellIsPartOfPath</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        returns TRUE if the given matrix-cell is part of the given alignment path.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>data</code></td>
            
            
            <td class="type">
            
                        <a href="cellInfo.html">cellInfo</a>
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">one cell of the result matrix.</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>pathNo</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">index of the alignment path</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 461</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="clearAlignments"><span class="type-signature">&lt;static> </span>clearAlignments</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        remove the alignment list from the DOM.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 362</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="clickBubble"><span class="type-signature">&lt;static> </span>clickBubble</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        called by event, when the user clicks on any visible bubble. The bubble will be closed.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 503</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="compareSequences"><span class="type-signature">&lt;static> </span>compareSequences</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        starts the comparing of the current stored sequences.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 119</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="createResultCell"><span class="type-signature">&lt;static> </span>createResultCell</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        creates one cell of the result table.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>data</code></td>
            
            
            <td class="type">
            
                        object
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">2d-array of the whole matrix</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>x</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">x-index on the data-array</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>y</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">y-index on the data-array</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>pathNo</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">alingment index.</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 296</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="getOffset"><span class="type-signature">&lt;static> </span>getOffset</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        recursive function to get the position offset of the given DOM object.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>content</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">DOM object to check the current position offset</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>offset</code></td>
            
            
            <td class="type">
            
                        object
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">object with x and y offset</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 613</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="getPosition"><span class="type-signature">&lt;static> </span>getPosition</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        calculates the DOM object position and size, screen or page ralative
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>element</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">DOM object to check the current position offset</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>screen</code></td>
            
            
            <td class="type">
            
                        boolean
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">true to get the screen relative position, else: get the page absolute position.</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 645</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="getResultCell"><span class="type-signature">&lt;static> </span>getResultCell</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        returns the DOM-object reference of one cell of the result table.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>row</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">row index of the result cells, starting with 0.</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>col</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">colum index of the result cells, starting with 0.</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 354</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="getScrolled"><span class="type-signature">&lt;static> </span>getScrolled</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        recursive function to get the scrolled position of the given DOM object.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>content</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">DOM object to check the current scrolled position</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>scrolled</code></td>
            
            
            <td class="type">
            
                        object
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">object with x and y scroll position</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 628</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="hideBubble"><span class="type-signature">&lt;static> </span>hideBubble</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        Hide the current bubble.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 602</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="hideBubbleExtension"><span class="type-signature">&lt;static> </span>hideBubbleExtension</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        Hide the current bubble extension.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 594</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="init"><span class="type-signature">&lt;static> </span>init</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        collect informations about the HTML content and show the inital state.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 82</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="ontypeCompareSequences"><span class="type-signature">&lt;static> </span>ontypeCompareSequences</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        called by changing events of sequence input fields to check the inputs and starts the timeout for the edit distance calculation.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>obj</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">input element with changed value</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 158</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="selectAlignment"><span class="type-signature">&lt;static> </span>selectAlignment</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        called by event, when the user changed the alignment selection.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>idx</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">index of selected alignment</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 429</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="showAlignments"><span class="type-signature">&lt;static> </span>showAlignments</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        generate the alignment list from the data that are currently stored in the static algorithm-class.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 373</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="showBubble"><span class="type-signature">&lt;static> </span>showBubble</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        show the bubble with the given content (string or DOM-object) linked to the given exists DOM-object (or ID) obj and optional with the given inner width (px) and height (px).
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>obj</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">DOM object or an id of existing DOM object.</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>content</code></td>
            
            
            <td class="type">
            
                        string
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">HTML formatted string or DOM-object as bubble content.</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>height</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">bubble height as inner pixels</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>width</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">bubble width as inner pixels</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>toBottom</code></td>
            
            
            <td class="type">
            
                        boolean
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">Henable the bubble type 2.</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 516</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="showBubbleExtension"><span class="type-signature">&lt;static> </span>showBubbleExtension</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        show the bubble extension on the bottom of the current bubble with the given content (string or DOM-object) and optional with the given inner height (px).
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>content</code></td>
            
            
            <td class="type">
            
                        string
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">HTML formatted string or DOM-object as bubble extension content.</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>height</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">Bubble extension height as inner pixels</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 563</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="showInputInfo"><span class="type-signature">&lt;static> </span>showInputInfo</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        generates bubbles for the current focused input field.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>field</code></td>
            
            
            <td class="type">
            
                        DOMobject
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">input field</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 443</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="showResult"><span class="type-signature">&lt;static> </span>showResult</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        output the matrix table with the given results and marks the path with the given index.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>seqA</code></td>
            
            
            <td class="type">
            
                        string
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">first sequence</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>seqB</code></td>
            
            
            <td class="type">
            
                        string
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">second sequence</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>data</code></td>
            
            
            <td class="type">
            
                        object
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">2d-array with the calulated matrix</td>
        </tr>
	
	
	
        <tr>
            
                <td class="name"><code>pathNo</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">alingment index.</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 235</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="switchTab"><span class="type-signature">&lt;static> </span>switchTab</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        switch to the tab with the given id.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>id</code></td>
            
            
            <td class="type">
            
                        number
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">tab id</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 103</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="toggleBubble"><span class="type-signature">&lt;static> </span>toggleBubble</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        enable or diable the bubbles. called by event on the "activate info" checkbox.
    </div>
    
    
    
    
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 487</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        
            
<dt>
    <h4 class="name" id="validateInput"><span class="type-signature">&lt;static> </span>validateInput</h4>
    
    
</dt>
<dd>
    
    
    <div class="description">
        validates the given string to a valid nucleid or amino acid sequence.
    </div>
    
    
    
    
    
        <h5>Parameters:</h5>
        

<table class="params">
    <thead>
	<tr>
		
		<th>Name</th>
		
		
		<th>Type</th>
		
		
		
		
		
		<th class="last">Description</th>
	</tr>
	</thead>
	
	<tbody>
	
	
        <tr>
            
                <td class="name"><code>seq</code></td>
            
            
            <td class="type">
            
                        string
                        
                    
            </td>
            
            
            
            
            
            <td class="description last">sequence to check</td>
        </tr>
	
	
	</tbody>
</table>
    
    
    
<dl class="details">
    
        
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<dt class="tag-source">Source:</dt>
	<dd class="tag-source"><ul class="dummy"><li>gui.js, line 477</li></ul></dd>
	
    
    
	
	
	
	
</dl>

    
    
    
    
    
    
    
    
</dd>

        </dl>
    
    
    
    
    
</article>

</section>  




</div>

<nav>
    <h2><a href="index.html">Index</a></h2><h3>Classes</h3><ul><li><a href="algorithm.html">algorithm</a></li><li><a href="cellInfo.html">cellInfo</a></li><li><a href="gui.html">gui</a></li><li><a href="guistep.html">guistep</a></li></ul><h3>Global</h3><ul><li><a href="global.html#$">$</a></li><li><a href="global.html#debug">debug</a></li></ul>
</nav>

<br clear="both">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3</a> on Wed Jul 25 2012 23:08:27 GMT+0200 (MESZ)
</footer>

<script> sh_highlightDocument(); </script>
</body>
</html>
